<template>
  <div>
    <mt-header title="关于我们">
      <router-link to="/my" slot="left">
        <mt-button icon="back"></mt-button>
      </router-link>
    </mt-header>
    <div class="page">
      <p class="biaozhi"></p><b class="title">关于我们</b>
      <p class="xian"></p>
      <p>&nbsp;&nbsp;{{about.content}}
      </p>
    </div>
    <div class="page">
      <p class="biaozhi"></p><b class="title">联系我们</b>
      <p class="xian"></p>
      <p>地址:&nbsp;&nbsp;&nbsp;&nbsp;{{about.address}}</p>
      <p>网址:&nbsp;&nbsp;&nbsp;&nbsp;{{about.net}}</p>
      <p>客服 | 投诉:&nbsp;&nbsp;&nbsp;&nbsp;{{about.tel}}</p>
    </div>
  </div>
</template>

<script>
  export default {
    name: "AboutWe",
    data() {
      return {
        content: "李鲈习西洋之学，述其言曰：“月本无光，借日之照以为光曜。" +
          "至望日,与地，日为一线，月见地不见日，不得借光，以是以无光也。”或曰：“不然。" +
          "曾有一年，月食之时，当在日没后，乃日尚未沉，而出地之月已食矣。" +
          "东月初升，西日未没，人两见之，则地固未尝遮日月也，何以云见地不见日乎？”" +
          "答曰：“于所见者非月也，月之影也，月固未尝出地也。何以验之？今试以一文钱置虚器中，" +
          "前之却之，不见钱形矣，却贮水令满而钱见，则知所见者非钱也。乃钱之影也。日将落时，" +
          "东方苍苍凉凉，海气升腾，犹夫水然，其映而升之亦月影也。如必以东方之月为真月。" +
          "则是以水面之钱为真钱也，然乎？否乎？又如渔者见鱼浮水面，而投叉刺之，心稍下于鱼，" +
          "乃能得鱼，其浮于水面者。鱼之影也。舟人刺篙，其半在水，视之若曲焉，此皆水之能影物也。" +
          "然则月之受隔于地，又何疑哉。",
        tel: 0,
        address: 'xxxxxx',
        net: 'xxxxxx',
        about: {}

      }
    },
    mounted() {
      this.$axios.get(this.$apis.about).then(res => {
        this.about = res.data.data
      })
    }
  }
</script>

<style scoped>
  .biaozhi {
    float: left;
    display: inline-table;
    height: 25px;
    width: 5px;
    margin: 5px;
    background: #199cfe;
  }

  .page {
    border-radius: 5px;
    background: white;
    margin: 10px;
    padding: 5px;
  }

  .title {
    font-size: 18px;
  }

  .xian {
    margin-top: 5px;
    margin-bottom: 5px;
    background: #c6ccd6;
    height: .5px;
    width: 100%;
  }

  p {
    margin-top: 10px;
    font-size: 15px;
  }
</style>
